<template>



  <view class="page-index">
    <!-- <view :style="{height: statusBarHeight + 'px'}"></view> -->

    <view class="swiper">
      <swiper
        autoplay
      >
        <swiper-item >
          <view class="img-wrapxx">
            <image
              src="/static/appx/banx.png"
              @click="goTap('online')"
            />
          </view>
        </swiper-item>
      </swiper>
    </view>
    


    <!-- top -->
    <view class="notxxxice-wrapper">
      <!-- 滚动 -->
      <view class="notice-wrapper">
        <uv-row-notice 
          bgColor="transparent"
          :text="$t('恭喜！于良一人成功下单恭喜！于良一人成功下单恭喜！于良一人成功下单')" 
          fontSize="24rpx"
          color="#333"
        >
          <template  v-slot:icon>
            <view class="iconxx">
              <image
                src="/static/caigou/voice.png"
              />
              <view class="line"></view>
            </view>
          </template>
        </uv-row-notice>
      </view>
      <view class="rtwoim">
        <image
          src="/static/appx/zhonx.png"
            @click="goTap('shop')"
        />
        <image
          src="/static/appx/caigou.png"
          @click="goTap('order')"
        />
      </view>
      <view class="single">
        <image
          src="/static/appx/all.png"
          mode="widthFix"
          @click="goTap('translate')"
        />
      </view>
     </view>

    <!-- 运输发布 -->
    <view class="yunshu">
      <image
        src="/static/appx/yunshu1.png"
        mode="widthFix"
        @click="goTap('release')"
      />
      <image
        src="/static/appx/mingpai.png"
        mode="widthFix"
        @click="goTap('businessCard')"
      />
    </view>

    <!-- 专业代办 -->
     <view class="zhuanye">
      <view class="img">
        <image
          src="/static/appx/dai1.png"
          mode="widthFix"
          @click="goTap('professionIIndex')"
        />
      </view>
      <view class="right-img">
        <view>
          <image
            src="/static/appx/ad.png"
            mode="widthFix"
            @click="goTap('lifeAdvertising')"
          />
        </view>
        <view>
          <image
            src="/static/appx/bao.png"
            mode="widthFix"
            @click="goTap('exposurePlatform')"
          />
        </view>
       
      </view>
     </view>
    <view style="height: 50rpx;"></view>
  </view>
</template>


<script>
export default {
  data() {
    return {
      list: [
        {
          image: "/static/caigou/pic.png",
          title: this.$t('昨夜星辰昨夜风，画楼西畔桂堂东'),
        },
        {
          image: "/static/caigou/pic.png",
          title: this.$t('昨夜星辰昨夜风，画楼西畔桂堂东'),
        },
        {
          image: "/static/caigou/pic.png",
          title: this.$t('昨夜星辰昨夜风，画楼西畔桂堂东'),
        },
      ],
      noticeList: [this.$t('恭喜！于良一人成功下单恭喜！于良一人成功下单恭喜！于良一人成功下单')],
      contentList: [{
        key: 'shop',
      },{
        key: 'online',
      },{
        key: 'order',
      },{
        key: 'translate',
      },{
        key: 'release',
      },{
        key: 'businessCard',
      },{
        key: 'lifeAdvertising',
      },{
        key: 'professionIIndex',
      },{
        key: 'exposurePlatform',
      }],
      statusBarHeight: uni.getStorageSync('statusBarHeight')
    }
  },
  methods: {
    goTap(key) {
      switch(key) {
        case 'shop': // {{$t('商城')}}
          uni.navigateTo({
            url:'/pages/index/index',
            webview: 'zWebViewShop',
          })
        break;
        case 'online': // 线上展会
          uni.navigateTo({
            url:'/pages/EventManagementDetail/index',
            webview: 'zWebViewOline',
          })
        break;
        case 'order': // {{$t('采购寻单')}}
          uni.navigateTo({
            url: '/pages/caigou/index/index',
            webview: 'zWebViewShop',
          })
        break;
        case 'translate': // {{$t('翻译官')}}
          uni.navigateTo({
            url: '/pages/translate/theInterpreter/index',
          })
        break;
        case 'release': // {{$t('运输发布')}}
          uni.navigateTo({
            url: '/pages/publish/start',
          })
        break;
        case 'businessCard': // 货代名片
        uni.navigateTo({
            url: '/pages/forwardingInformation/index',
          })
        break;

        // 生活广告
        case 'lifeAdvertising': // 生活广告
        uni.navigateTo({
            url: '/pages/tabbar/lifeAdvertising/index',
			webview: 'zWebViewShop'
          })
        break;
        case 'professionIIndex': // {{$t('专业代办')}}
        uni.navigateTo({
            url: '/pages/tabbar/professionalList/professionIIndex',
			webview: 'zWebViewShop'
          })
        break;
        case 'exposurePlatform': // 曝光台
        uni.navigateTo({
            url: '/pages/tabbar/exposurePlatform/index',
			webview: 'zWebViewShop'
          })
        break;
      }
   
    }
  },

}
</script>


<style lang="scss" scoped>
  @import './index.scss';

</style>